html,body{background-color: #f2f2f2;padding:0 20px;margin:0;height:100%;}
.layui-form-item{margin-bottom:0;}
.layui-input, .layui-select, .layui-textarea{height:30px;}
.layui-tab{background-color: #fff;margin-top:0;}
.layui-tab-brief>.layui-tab-title .layui-this{ color: #39f;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #39f;}
.layui-tab-title li{padding:0 40px;}
.layui-form-checked[lay-skin=primary] i{border-color: #39f;background-color: #39f;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #39f;}
.layui-form-select dl dd.layui-this{background-color: #39f;}
.layui-table thead tr, .layui-table-fixed-l tr, .layui-table-header, .layui-table-mend, .layui-table-patch, .layui-table-tool{background-color: #fff;}
.btnGroup .layui-disabled, .btnGroup .layui-disabled:hover{color: #fff !important;}
/*dataCenter左边*/
.icon{display: inline-block;width: 20px;height:20px;cursor: pointer; position: absolute;top:8px;left:0;background: url("../imgs/icon_all.png") no-repeat center ;background-size: cover;}
#dataCenterLeft{height:100%;line-height: 25px;float:left;background-color: #fff;width:13.5%; padding:20px 0;}
#dataCenterLeft li{position: relative;padding:5px 10px 5px 35px; cursor: pointer;}
#dataCenterLeft li.active{color:#39f; background-color: #f2f2f2;}
#dataCenterLeft .allData{background-image: url("../imgs/icon_all.png");left:15px;top:10px;width:11px;height:13px;}
/*dataCenterRight右边*/
#dataCenterRight{height:100%;background-color: #fff;float: right;width:86%;position: relative;padding:0;top:1px;}
a.headButton:hover{background-color: #1488ff;color:#fff;}
a.headButton{padding:5px 20px 5px 30px;  margin:20px;background-color: #39f;color:#fff;border:none;position: relative;}
a.headButton .icon{background-image: url("../imgs/icon_uploading.png");left:10px;top:8px;width: 16px;height:16px;}
.public a.headButton .icon{background-image: url("../imgs/icon_download_white.png");}
.public a.headButton.saveSel{background-color: #fff;border:1px solid #39f;color:#39f;box-sizing: border-box;}
.public a.headButton.saveSel .icon{background-image: url("../imgs/icon_save.png");}
.btnGroup{display: inline-block;}
.btnGroup .layui-input{border:none;}
.btnGroup .button.blue{border-radius: 0;border-right:none;padding:3px 10px;position:relative;min-width:80px;display: inline-block;}
.btnGroup .button:last-child{border-right: 1px solid #39f;border-left:none;}
.btnGroup .button.blue.downloadSel,.btnGroup .button.blue.deleteSel{padding-left:20px;}
.downloadSel .icon{background-image:url("../imgs/icon_download.png");width:13px;height:13px;left:10px;top:8px;}
.deleteSel .icon{background-image:url("../imgs/icon_remove.png"); width:12px;height:12px;left:10px;top:8px;}
/*设置科目*/
#subjectType{color:#39f;height:32px;line-height: 32px;border-color: #39f;}

/*搜索框*/
.searchBox{position: absolute;right:200px;top:20px;}
.searchInput{border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.searchBox input{width: 220px;height: 32px;border: 1px solid #e2e2e2;border-top-right-radius: 4px;border-bottom-right-radius: 4px;padding: 0 36px 0 10px;}
.searchBox i{position: absolute;width: 36px;height: 36px;right: 1px;top: 50%;margin-top: -18px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.searchBox i:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.searchBox i.icon_search{background: url("../imgs/icon_search.svg") no-repeat center;cursor: pointer;}

/*table*/
.table{overflow: auto;}
table tr{border-bottom: 1px solid #ddd;}
.layui-table th{height:48px;}
.layui-table td, .layui-table th{text-align: center;cursor: pointer;}
.layui-table td:first-child, .layui-table th:first-child,.layui-form-select dl dd{text-align: left;}
.layui-table td{padding:15px;}
.dataCenterList .publicType{text-align: left;}
.publicType span{ margin:0 10px;padding:0 5px;color:#999;}
.sort {position: relative;}
.sort .icon{background-image: url("../imgs/btl.png");width:4px;height:9px;left:auto;right:60px;top:20px;}

.controlButtons{float: right;display: none;}
.controlButtons .icon{top:5px;left:auto;position: relative;margin:0 5px;width:13px;height:13px;}
.editor{background-image:url("../imgs/icon_compile.png");}
.download{background-image:url("../imgs/icon_download.png");}
.delete{background-image:url("../imgs/icon_remove.png");}
.save{background-image:url("../imgs/icon_save.png");}
.iconMedia{display: inline-block;width: 17px;height:14px;cursor: pointer; background: url("../imgs/icon_all.png") no-repeat center ;background-size: cover;position: relative;top:3px;margin-right: 5px;}
.icon_video{background-image:url("../imgs/icon_video.png");}
.icon_picture{background-image:url("../imgs/icon_picture.png");}
.icon_ppt{background-image:url("../imgs/icon_ppt.png");}
.icon_voice{background-image:url("../imgs/icon_voice.png");}
.icon_wait{background-image:url("../imgs/icon_wait.png");}
.icon_word{background-image:url("../imgs/icon_word.png");}
.icon_courseware{background-image:url("../imgs/icon_courseware.png");}
.layui-table tbody tr:hover{background-color: #f3f9ff !important;}
.names{display: inline-block;}

.footer{position: absolute;bottom:0;width: 100%;height:55px;}
.footer .totalNum{float:left;padding-left:20px;position: relative;top:15px;}
#pagination{text-align: center;}
.dataNameEdit{display: none;}
.dataNameEdit input{position: relative;top:-5px;}
.dataNameEdit .icon{width:16px;height:16px;position: relative;left:auto;top:auto;}
.dataNameEdit .icon.confirm{background-image:url("../imgs/icon_confirm.png"); }
.dataNameEdit .icon.cancel{background-image:url("../imgs/icon_cancel.png"); }

/* person public list科目选择*/
.btnGroup .layui-input-inline{width:100px;    border: 1px solid #39f;position: relative;top: -2px;box-shadow: none;}
.btnGroup .layui-select-title .layui-input{color:#39f;}
.public{display: none;}
.publicSubjectSel{padding-left:20px;}
.publicSubjectSel li{display: inline-block;padding:0 10px;cursor: pointer}
.publicSubjectSel li:hover{color:#39f;}
.publicSubjectSel li.active{color:#39f;}

.schoolList{display: none;}